<template>
  <el-tabs v-model="activeName"
           @tab-click="handleClick">
    <el-tab-pane label="动态管理"
                 name="first">
      <Fdynamic></Fdynamic>
    </el-tab-pane>
    <el-tab-pane label="物业注册"
                 name="second">
      <Fproperty></Fproperty>
    </el-tab-pane>
    <el-tab-pane label="用户管理"
                 name="third">
      <Fusers></Fusers>
    </el-tab-pane>
    <el-tab-pane label="活动管理"
                 name="fourth">
      <Factivity></Factivity>
    </el-tab-pane>
    <el-tab-pane label="评论管理"
                 name="five">
      <Fcomment></Fcomment>
    </el-tab-pane>
    <el-tab-pane label="二手交易管理"
                 name="six">
      <Fsecondhand></Fsecondhand>
    </el-tab-pane>
    <el-tab-pane name="seven">
      <span slot="label">商家申请<el-badge :value="num"></el-badge></span>
      <MerchantApply @findAapply="changeNum"></MerchantApply>
    </el-tab-pane>
  </el-tabs>
</template>

<script>
import Fdynamic from "./function/dynamic"
import Fproperty from "./function/property"
import Fusers from "./function/users"
import Factivity from "./function/activity"
import Fcomment from "./function/comment"
import Fsecondhand from "./function/secondhand"
import MerchantApply from "./function/merchantApply"

export default {
  components: {
    Fdynamic, Fproperty, Fusers, Factivity, Fcomment, Fsecondhand, MerchantApply
  },
  data () {
    return {
      activeName: 'first',
      num: 0,
    };
  },
  mounted () {
  },
  methods: {
    handleClick () {
    },
    changeNum (count) {
      this.num = count;
    },
  }
};
</script>

<style scoped>
</style>